<template>
  <div class="home-entry">
    <div class="container">
      <!-- 左侧分类 -->
      <HomeCategory></HomeCategory>
      <!-- 轮播图 -->
      <HomeBanner />
    </div>
    <!-- 新鲜好物 -->
    <HomeNew></HomeNew>
    <!-- 人气推荐 -->
    <HomeHot />
    <!-- 热门品牌 -->
    <HomeBrand></HomeBrand>
    <!-- 产品模块 -->
    <HomeProduct/>
    <!-- 最新专题 -->
    <HomeSpecial></HomeSpecial>
  </div>
</template>

<script>
import HomeCategory from "./components/home-category";
import HomeBanner from "./components/home-banner";
import HomeNew from "./components/home-new";
import HomeHot from "./components/home-hot";
import HomeBrand from "./components/home-brand";
import HomeProduct from "./components/home-product";

import HomeSpecial from './components/home-special'
export default {
  components: { HomeCategory, HomeBanner, HomeNew, 
    HomeHot, HomeBrand, HomeProduct,HomeSpecial},
};
</script>

<style scoped lang="less">
// @import "../../assets/styles/mixins.less";
.container {
  .hoverShadow();
  color: @xtxColor;
}
</style>